<template>
	<view>
		<cu-custom bgColor="bg-gradual-grays" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">减脂</block>
		</cu-custom>
    <view style="padding: 30rpx 20rpx;flex-wrap: wrap;" class="u-f u-f-jsb">
      <view class="items u-f-ajc u-f-column">
        <view class="avatars u-f-ajc text-overflow">罗兰</view>
        <view style="margin: 10rpx 0 20rpx;">罗兰</view>
        <view style="font-size: 20rpx;color: #999999;">2018-08-29<text style="color: #39BB9E;margin: 0 10rpx;font-size: 30rpx;font-weight: 600;">VS</text>2018-09-19</view>
      </view>
      <view class="items u-f-ajc u-f-column">
        <view class="avatars u-f-ajc text-overflow">张欢</view>
        <view style="margin: 10rpx 0 20rpx;">张欢</view>
        <view style="font-size: 20rpx;color: #999999;">2018-11-29<text style="color: #39BB9E;margin: 0 10rpx;font-size: 30rpx;font-weight: 600;">VS</text>2017-09-19</view>
      </view>
      <view class="items u-f-ajc u-f-column">
        <view class="avatars u-f-ajc text-overflow">张欢</view>
        <view style="margin: 10rpx 0 20rpx;">张欢</view>
        <view style="font-size: 20rpx;color: #999999;">2018-11-29<text style="color: #39BB9E;margin: 0 10rpx;font-size: 30rpx;font-weight: 600;">VS</text>2017-09-19</view>
      </view>
    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
  page {
    background-color: #F7F5F6 !important;
  }
  .bg-gradual-grays {
    background-color: #3B4257;
    color: #FFFFFF;
  }
  .items {
    width: 47%;
    box-shadow: 0 0 5px #CCCCCC;
    padding: 20rpx 10rpx;
    background-color: #FFFFFF;
    margin-bottom: 40rpx;
    .avatars {
      width: 60rpx;
      height: 60rpx;
      font-size: 20rpx;
      background-color: $uni-color-zhuti;
      color: #FFFFFF;
      border-radius: 100%;
    }
  }
</style>
